<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PlasmaWeb</title>
<link href='css/style.css' rel='stylesheet' type='text/css' />
<link href='css/skin.css' rel='stylesheet' type='text/css' />
<!--[if IE 6]><link rel="stylesheet" href="css/ie6.css" type="text/css" media="screen" /><![endif]-->
<script type='text/javascript' src='js/jquery-1.4.3.min.js'></script>
<script type='text/javascript' src='js/jquery.tools.min.js'></script>
<script type='text/javascript' src='js/cufon-yui.js'></script>
<!--<script type='text/javascript' src='css/VistaSansLight_500-VistaSansBold_700.font.js'></script>-->
<script type='text/javascript' src='css/VistaSan_500-VistaSan_700.font.js'></script>
<script type='text/javascript'>
	Cufon.replace('#menuh');
	Cufon.replace('.info_contacto font');
</script>
</head>

<body> 
<div id="principal">
	<div id="top">
    	<div class="info">
        	<div class="info_der">Avenida 1-H No.133 local 6 x 12 y 14 C.P. 97128 Col. Fraccionamiento M&eacute;xico Norte, M&eacute;rida, Yucat&aacute;n.</div>
            <div class="info_izq"> mercadotecnia@grupoplasma.com.mx | (999)948-30-16</div>
        </div>
        <div id="cont_menu">
            <div class="logo"><img id="imgLogo" src="imagenes/logo.png" /></div>
            <div id="menuh">
            	<ul id="men" class="group">
                    <li><a href="index.php" alt="home">INICIO</a></li>
                    <li><a href="galeria.php" alt="portafolio">GALERIA</a></li>
                    <li><a href="promocionales.php" alt="promocionales">PROMOCIONALES</a></li>
                    <li><a href="servicios.php" alt="servicios">SERVICIOS</a></li>
                    <li class="current_page_item"><a href="#" alt="contacto">CONTACTO</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="contenido_resto">
    	<div class="info_contacto">
        	<font>&lt; Contacto </font><br /><br />
            Gracias por visitarnos.<br /><br />
            Si tienes alguna duda, comentario o si necesitas cotización, por favor rellena el siguiente formulario o si lo prefieres <br />     manda un correo a:<br /><br />
 
            mercadotecnia@grupoplasma.com.mx<br /><br />
            <b>Plasma Taller Gr&aacute;fico</b><br />
            C. 1-H No. 133 local 6 x 14 C.P. 97125 <br />
            Residencial M&eacute;xico Norte, Merida, Yucatan.<br />
            +52(999)948-30-16<br /><br /><br />
            <img src="imagenes/mapa-p.jpg" width="240"/>
        </div>
        <div class="form_contacto" >
        	<form method="post" action="php/enviarCorreo.php">
                    <b>Nombre</b>//Name:<br />
                    <input type="text" name="nombre"/><br /><br />
                    <b>Correo</b>//E-mail:<br />
                    <input type="text" name="correo"/><br /><br />
                    <b>Asunto</b>//Subject:<br />
                    <input type="text" name="asunto"/><br /><br />
                    <b>Mensaje</b>//Message:<br />
                    <textarea name="mensaje"/></textarea><br /><br />
                    <div class="enviar">
                            <span></span>
                        <input type="submit" value="&nbsp;"/>
                    </div>
            </form>
        </div>
    </div>
    <div class="info">
    <div id="bottom">PLASMA Taller Gr&aacute;fico | Dise&ntilde;o Gr&aacute;fico y Publicitario | Art&iacute;culos Promocionales | Publicidad | Producci&oacute;n | Corte y Grabado L&aacute;ser | Impresos | Campa&ntilde;as | Branding | Medios | Multimedia
		</div>
    </div>
    <div class="clear"></div>
</div>
<div class="clear"></div>
</body>
<script type="text/javascript">
$(document).ready(function() {
	var $el, leftPos, newWidth, $mainNav = $("#men");
    $mainNav.append("<li id='magic-line'></li>");
    var $magicLine = $("#magic-line");
    $magicLine
        .width($(".current_page_item").width())
        .css("left", $(".current_page_item a").position().left+46)
        .data("origLeft", $magicLine.position().left)
        .data("origWidth", $magicLine.width());
    $("#men li").find("a").hover(function() {
        $el = $(this);
		leftPos=$el.position().left+(($el.parent().width()-34)/2);
        newWidth = $el.parent().width();
        $magicLine.stop().animate({
            left: leftPos,
            width: newWidth
        });
		$(".current_page_item").removeClass('current_page_item');
		$el.parent().addClass('current_page_item');
		Cufon.refresh();
    }, function() {
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft"),
            width: $magicLine.data("origWidth")
        });    
    });
});
</script>
</html>